<template>
  <div class="b_home">
    <div class="back_style" @click="goback()">
      <svg
        t="1620366841933"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="1077"
        width="200"
        height="200"
      >
        <path
          d="M677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0"
          p-id="1078"
        ></path>
      </svg>
    </div>
    <div class="b_mid">{{ title }}</div>
  </div>
</template>
<script>
export default {
  props: {
    title: String,
  },
  data() {
    return {};
  },
  methods: {
    goback() {
      history.back(-1);
    },
  },
};
</script>

<style lang='scss' scoped>
.b_home {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 100;
  background: #f6f6f6;
  display: flex;

  .back_style {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .b_mid {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
</style>